        <%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8"%>
        <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
        <%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
		
		<%@page import="com.sentiment.config.Config" %>
		
		<%String cp = Config.projectRootPath; %>

        <!DOCTYPE html>
                <html>
                <head>
                <!--
                ===
                This comment should NOT be removed.

                Charisma v2.0.0

                Copyright 2012-2014 Muhammad Usman
                Licensed under the Apache License v2.0
                http://www.apache.org/licenses/LICENSE-2.0

                http://usman.it
                http://twitter.com/halalit_usman
                ===
                -->
                <meta charset="utf-8">
                <title>管理员界面</title>
                <meta name="viewport" content="width=device-width, initial-scale=1">
                <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
                <meta name="author" content="Muhammad Usman">

                <!-- The styles -->
                <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

                <link href="css/charisma-app.css" rel="stylesheet">
                <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
                <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
                <link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
                <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
                <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
                <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
                <link href='css/jquery.noty.css' rel='stylesheet'>
                <link href='css/noty_theme_default.css' rel='stylesheet'>
                <link href='css/elfinder.min.css' rel='stylesheet'>
                <link href='css/elfinder.theme.css' rel='stylesheet'>
                <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
                <link href='css/uploadify.css' rel='stylesheet'>
                <link href='css/animate.min.css' rel='stylesheet'>
                <link href='css/mycss.css' rel='stylesheet'>

                <!-- jQuery -->
                <script src="bower_components/jquery/jquery.min.js"></script>
                <script src="js/pageMaker.js"></script>
                <script src="js/viewUserDetail.js"></script>
                <script src="js/pageMaker.js"></script>
                <script src="js/getInfo.js"></script>
                <!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
                <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
                <![endif]-->

                <!-- The fav icon -->
                <link rel="shortcut icon" href="img/favicon.ico">
                </head>
                <body>
                <!-- topbar starts -->
                <jsp:include page="topbar.jsp"></jsp:include>
                <!-- <div class="navbar navbar-default" role="navigation">

                <div class="navbar-inner">
                <button type="button" class="navbar-toggle pull-left animated flip">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.jsp">
                <span>后台用户管理界面</span></a>
                <ul class="collapse navbar-collapse nav navbar-nav top-menu">
                <li><a href="#"><i class="glyphicon glyphicon-globe"></i> Visit Site</a></li>
                </ul>
                </div>
                </div> -->

                <!-- topbar ends -->

                <div class="ch-container">
                <div class="row">

                <!-- left menu starts -->
                <jsp:include page="leftmenu.jsp"></jsp:include>
               <!--  <div class="col-sm-2 col-lg-2">
                <div class="sidebar-nav">
                <div class="nav-canvas">
                <div class="nav-sm nav nav-stacked">

                </div>
                <ul class="nav nav-pills nav-stacked main-menu">
                <li class="nav-header">操作</li>
                <li><a class="ajax-link" href="index.jsp"><i class="glyphicon glyphicon-home"></i><span> 首页</span></a>
                </li>
                <li class="accordion">
                <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 列表信息</span></a>
                <ul class="nav nav-pills nav-stacked">
                <li><a href="userlist.jsp">用户列表</a></li>
                <li><a href="rolelist.jsp">角色列表</a></li>
                <li><a href="permissionlist.jsp">权限列表</a></li>
                </ul>
                </li>
                <li class="accordion"><a href="#"><i class="glyphicon glyphicon-edit"></i><span> 报告发布</span></a><ul class="nav nav-pills nav-stacked"><li><a href="dailypublish.jsp">每日报告</a></li><li><a href="hotpublish.jsp">热点报告</a></li></ul></li>
                <li class="accordion">
                <a href="#"><i class="glyphicon glyphicon-file"></i><span> 历史信息管理</span></a>
                <ul class="nav nav-pills nav-stacked">
                <li><a href="historyrecorddaily.jsp">每日舆情</a></li>
                <li><a href="historyrecordhot.jsp">热点舆情</a></li>
                </ul>
                </li>
                <li>
                <a href="userPaymentsRecord.jsp"><i class="glyphicon glyphicon-shopping-cart"></i><span>用户收费信息管理</span></a>
                </li>

                <li class="accordion">
                <a href="#"><i class="glyphicon glyphicon-list-alt"></i><span> 系统通知</span></a>
                <ul class="nav nav-pills nav-stacked">
                <li><a href="systemrefer.jsp">查询</a></li>
                <li><a href="systemedit.jsp">编辑</a></li>
                </ul>
                </li>

                <li class="nav-header hidden-md">其它</li>
                <li><a class="ajax-link" href="user.jsp"><i
                class="glyphicon glyphicon-user"></i><span> 用户信息</span></a></li>
                </ul>
                </div>
                </div>
                </div> -->
                <!--/span-->
                <!-- left menu ends -->

                <noscript>
                <div class="alert alert-block col-md-12">
                <h4 class="alert-heading">Warning!</h4>

                <p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a>
                enabled to use this site.</p>
                </div>
                </noscript>

                <div id="content" class="col-lg-10 col-sm-10">
                <!-- content starts -->
                <div>
                <ul class="breadcrumb">
                <li>
                <a href="#">主页</a>
                </li>
                <li>
                <a href="#">列表信息</a>
                </li>
                <li>
                <a href="#">用户列表</a>
                </li>
                <li>
                <a href="#">用户信息浏览</a>
                </li>
                </ul>
                </div>
                <div class="row">
                <div class="box col-md-12">
                <div class="box-inner homepage-box"  style="height: auto">
                <div class="box-header well">
                <h2><i class="glyphicon glyphicon-th"></i> 用户信息浏览</h2>
                </div>
                <div class="box-content">
                <ul class="nav nav-tabs" id="myTab">
                <li class="active"><a id="basicInfo" href="#info">基本信息</a></li>
                <li><a id="operationLog" href="#logs">操作日志</a></li>
                <li><a id="payInfo" href="#pay">缴费情况</a></li>
                <li><a id="foloWebpage" href="#webpage">关注的网页</a></li>
                <li><a id="foloKeyword" href="#keys">关注的关键词</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                
                <!-- 基本信息面板 -->
                <div class="tab-pane active" id="info">
                <img id="loading" src="../WebPage/img/loading.gif"style="display:none">
                <br/>
                <div class="row">
                <div class="form-group col-md-4">
                <label class="control-label" id="username">姓名：</label>
                </div>
                <div class="form-group col-md-6">
                <label class="control-label" id="sex" >性别：</label>
                </div>
                <div class="form-group col-md-4">
                <label class="control-label" id="email">邮箱：</label>
                </div>
                <div class="form-group col-md-6">
                <label class="control-label" id="phonenumb">手机：</label>
                </div>
                <div class="form-group col-md-4">
                <label class="control-label" id="birth">出生年月：</label>
                </div>
                <div class="form-group col-md-6">
                <label class="control-label" id="idcardnumb">身份证：</label>
                </div>
                <div class="form-group col-md-4">
                <label class="control-label" id="payment">余额（元）：</label>
                </div>
                <div class="form-group col-md-6">
                <label class="control-label" id="subscribeway">消息接收方式：</label>
                </div>
                <div class="form-group col-md-4">
                <label class="control-label" id="usercode">登陆名：</label>
                </div>
                <div class="form-group col-md-6">
                <label class="control-label" id="roleDetail">角色：</label>
                </div>
                <div class="form-group col-md-4">
                <label class="control-label" id="rigisterdate">注册时间：</label>
                </div>
                </div>
                </div>
                
                <!-- 用户操作日志 -->
                <div class="tab-pane" id="logs">
                <br/>
                <table id="operatinoLogTable" class="display table-striped table-bordered bootstrap-datatable" cellspacing="0" width="100%">
                <thead>
                <tr>
                <th>用户名</th>
                <th>登入时间</th>
                <th>操作类型</th>
                <th>IP地址</th>
                </tr>
                </thead>
               
                </table>
                  <!--翻页器  -->
    <div class="col-md-12 center-block">
    	<div id="logPagetoolBar" class="dataTables_paginate paging_bootstrap pagination">
    		
    	</div>
    </div>
                </div>
                <!-- 缴费情况 -->
                <div class="tab-pane" id="pay">
                <br/>
               <table id="chargeInfoTable" class="display table-striped table-bordered bootstrap-datatable" cellspacing="0" width="100%">
                <thead>
                <tr>
                <th>用户名</th>
                <th>付款</th>
                <th>付费日期</th>
                <th>开始日期</th>
                <th>截止日期</th>
                <th>缴费项目</th>
                <th>操作员</th>
                </tr>
                </thead>
               
                </table>
                  <!--翻页器  -->
    <div class="col-md-12 center-block">
    	<div id="paymentPagetoolBar" class="dataTables_paginate paging_bootstrap pagination">
    		
    	</div>
    </div>
                </div>
                <!-- 关注的网页 -->
                <div class="tab-pane" id="webpage">
                <br/>
                <table class="table">
                <thead>
                <tr>
                <th>网页</th>
                <th>关注时间</th>
                <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                <td>Muhammad Usman</td>
                <td class="center">2012/01/01</td>
                <td class="center">Member</td>
                </tr>
                <tr>
                <td>White Horse</td>
                <td class="center">2012/02/01</td>
                <td class="center">Staff</td>
                </tr>
                <tr>
                <td>Sheikh Heera</td>
                <td class="center">2012/02/01</td>
                <td class="center">Admin</td>
                </tr>
                <tr>
                <td>Saruar</td>
                <td class="center">2012/03/01</td>
                <td class="center">Member</td>
                </tr>
                <tr>
                <td>Sana Amrin</td>
                <td class="center">2012/01/21</td>
                <td class="center">Staff</td>
                </tr>
                </tbody>
                </table>
                <ul class="pagination pagination-centered">
                <li><a href="#">Prev</a></li>
                <li class="active">
                <a href="#">1</a>
                </li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">Next</a></li>
                </ul>
                </div>
                <div class="tab-pane" id="keys">
                <br/>
                <table class="table">
                <thead>
                <tr>
                <th>关键词</th>
                <th>创建时间</th>
                <th>关键词类型</th>
                <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                <td>Muhammad Usman</td>
                <td class="center">2012/01/01</td>
                <td class="center">Member</td>
                <td class="center">Member</td>
                </tr>
                <tr>
                <td>White Horse</td>
                <td class="center">2012/02/01</td>
                <td class="center">Staff</td>
                <td class="center">Staff</td>
                </tr>
                <tr>
                <td>Sheikh Heera</td>
                <td class="center">2012/02/01</td>
                <td class="center">Admin</td>
                <td class="center">Admin</td>
                </tr>
                <tr>
                <td>Saruar</td>
                <td class="center">2012/03/01</td>
                <td class="center">Member</td>
                <td class="center">Member</td>
                </tr>
                <tr>
                <td>Sana Amrin</td>
                <td class="center">2012/01/21</td>
                <td class="center">Staff</td>
                <td class="center">Staff</td>
                </tr>
                </tbody>
                </table>
                <ul class="pagination pagination-centered">
                <li><a href="#">Prev</a></li>
                <li class="active">
                <a href="#">1</a>
                </li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">Next</a></li>
                </ul>
                </div>
                </div>
                </div>
                </div>
                </div>
                </div>
                </div>
                </div>
                </div>
                <!-- external javascript -->

<script src="${pageContext.request.contextPath }/WebManagement/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='${pageContext.request.contextPath }/WebManagement/bower_components/moment/min/moment.min.js'></script>
<script src='${pageContext.request.contextPath }/WebManagement/bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='${pageContext.request.contextPath }/WebManagement/js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="${pageContext.request.contextPath }/WebManagement/js/charisma.js"></script>
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.blockUI.js"></script>


<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.blockUI.js"></script>

<script type="text/javascript">
	$(document).ajaxStart(
			function(){$.blockUI({
				message:$('#loading'),
				 css: {
                     border: 'none',                   // 无边界
                     width:"20px",                     // 中间框框的宽度
                     top:"50%",                        // 高居中
                     left:"50%"                        // 左居中
                },
                overlayCSS:{backgroundColor:'#fff'}
						})
	}).ajaxStop($.unblockUI);
</script>

                </body>
                </html>